<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Circle Info Page</title>


<!-- IMPORT CSS       -->
<link rel="stylesheet" type="text/css" href="default.css" />
<!-- <link rel="stylesheet" type="text/css" href="fs.css" /> -->


<style type="text/css">
/* YOU CAN ADD EVERY CSS STYLES HERE !!!! 
            * I WILL WRAP ALL THIS UP TO ONE CSS FILE LATER
            */
a,.link,a:link,a:visited,a:active {
	color: rgb(35, 152, 201);
	cursor: pointer;
	text-decoration: none;
}

a,.link,a:link,a:visited,a:active {
	color: rgb(35, 152, 201);
	cursor: pointer;
	text-decoration: none;
}

#circlePage #tipsContainer #tipsList .tipContainer .content h3 span {
	color: rgb(153, 153, 153);
	font-size: 11px;
	font-weight: 400;
}

.stats {
	margin: 10px;
	float: left;
}

.circleTitleText {
	font-family: sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	line-height: 140%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

h1 {
	font-size: 1.8em;
	line-height: 100%;
	/*margin-bottom: 20px;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.translate {
	font-family: sans-serif;
	font-size: 0.8em;
}

.circlePlaceText {
	font-size: 0.8em;
}

#circleDetails {
	float: left;
	margin: 10px;
	min-width: 240px;
	width: 480px;
}

#circlePic {
	margin: 10px;
	float: left;
}

#circleInfoManagebtn {
	width: 40px;
	position: relative;
	float: right;
	right: 0px;
}
</style>
</head>
<body>

	<div id="wrapper">
		<div id="header">
			<%@include file="header.html"%>
		</div>
		<div id="container">
			<div class="content min-width min-height">
				<h1>Circle Info Page</h1>
				<div id="circleInfo">

					<%@include file="circleInfoBanner.jsp"%>
					<!-- 				<div id="circleInfo"> -->
					<!-- 					<div id="circlePic"> -->
					<!-- 						<img src="images/profile1.jpg" width="110" height="110"> -->
					<!-- 					</div> -->
					<!-- 					<div id="circleDetails"> -->
					<!-- 						<h1 class="circleTitleText">JinWoong Hwang</h1> -->
					<!-- 						<p class="circlePlaceText">Hauppauge, NY</p> -->
					<!-- 						<div id="circleStats"> -->
					<!-- 							<div class="stats"> -->
					<!-- 								<h2> -->
					<!-- 									<a href=""> <img src="images/icon_checkin.png" height="32" -->
					<!-- 										width="32" alt=""> 736 -->
					<!-- 									</a> -->
					<!-- 								</h2> -->
					<!-- 								<span class="translate">Check-ins</span> -->
					<!-- 							</div> -->
					<!-- 							<div class="stats"> -->
					<!-- 								<h2> -->
					<!-- 									<a href=""> <img src="images/icon_calendar.png" height="32" -->
					<!-- 										width="32" alt=""> 337 -->
					<!-- 									</a> -->
					<!-- 								</h2> -->
					<!-- 								<span class="translate">Circles</span> -->
					<!-- 							</div> -->
					<!-- 							<div class="stats"> -->
					<!-- 								<h2> -->
					<!-- 									<a href=""> <img src="images/icon_tips.png" height="32" -->
					<!-- 										width="32" alt=""> 33 -->
					<!-- 									</a> -->
					<!-- 								</h2> -->
					<!-- 								<span class="translate">Friends</span> -->
					<!-- 							</div> -->
					<!-- 							      <div class="stats statsLast"> -->
					<!-- 							        <a href="http://twitter.com/djbigd75" rel="me" target="_blank"> -->
					<!-- 							          <img src="https://static-s.foursquare.com/img/twitterIcon-fa3f490ee5c4d7933c21bf7ee39d531a.png"> -->
					<!-- 							        </a> -->
					<!-- 							        <a href="http://www.facebook.com/profile.php?id=1178974443" rel="me" target="_blank"> -->
					<!-- 							          <img src="https://static-s.foursquare.com/img/facebookIcon-95d95784c474d2d4538d28404f6fc23f.png"> -->
					<!-- 							        </a> -->
					<!-- 							      </div> -->


					<!-- 							<div> -->
					<!-- 								<a id="circleInfoManageBtn" href="circleInfoManage.html">Manage -->
					<!-- 									My Info</a> -->
					<!-- 							</div> -->
					<!-- 						</div> -->
					<!-- 					</div> -->
					<!-- 				</div> -->

				</div>
				<div class="translate" id="circle_menu"></div>
				<!-- 				</div> -->
				<div class="tipsList">
					<%@include file="CommentLists.jsp"%>
				</div>

			</div>
			<!--                    <div id="side_menu" style = "position:absolute; width:191px; height: 185px; left: 1px; top: 103px; background-color: #C1E8DD"><br/>
                        <li><strong><a href="ProfilePage.htm">My Profile</a></strong></li>
                        <br />
                        <li><strong><a href="CirclePage.htm">Cricles</a></strong></li>
                        <br />
                        <li><strong><a href="MessagePage.htm">Messages</a></strong></li>
                    </div>
                    <div style = "position:absolute; width:454px; height: 482px; left: 193px; top: 104px; background-color: #FFF"></div>
                    <div style = "position:absolute; width:193px; height: 308px; left: 0px; top: 288px; background-color: #FFF">
                        <iframe src="AdvertisementPage.htm" frameborder="0" width="193px" height="340px"></iframe>
                    </div>-->
		</div>
		<div id="footer">
			<%@include file="footer.html"%>
		</div>

	</div>
	<!-- wrapper ends -->
</body>
</html>